<template>
  <div>
    <el-container direction="vertical" class="admin-container">
      <AdminHeader />
      <el-container>
        <el-aside width="270px"><AsideMenu /></el-aside>
        <el-main>
          <router-view />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import AsideMenu from "./AsideMenu.vue";
import AdminHeader from "./AdminHeader.vue";
export default {
  components: {
    AsideMenu,
    AdminHeader,
  },
};
</script>

<style lang="scss">
.admin-container {
  height: 100%;
}
.content-container {
  padding: 0 15px 15px 15px !important;
  display: flex !important;
  flex-direction: column;
}
.content-tag-view {
  margin: 10px 0;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.4s;
}
.fade-enter,
.fade-leave-active {
  opacity: 0;
}
</style>
